<template>
	<div>
		  <el-cascader
		    v-model="value"
		    :options="options"
			:props="{ expandTrigger: 'hover',value:'id',label:'name' }"
		    @change="handleChange"></el-cascader>
		
	</div>
</template>

<script>
	
	import axios from "axios"
	
	export default {
	    data() {
	      return {
	        value: [],
	        options: []
	      };
	    },
	    methods: {
	      handleChange(value) {
	        console.log(value);
	      }
	    },
		created() {
			
			
		
			axios.get('http://localhost:60110/api-project/project/findAllArea').then(res => {
				//console.log(res.data)
				this.options = res.data;
				console.log(this.options )
			})
		}
	  };
</script>

<style>
</style>